<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
	<title>Phần mềm CRM</title>
	<link href="css/style.css" media="screen" rel="stylesheet" type="text/css" >
	<link href="base/jquery-ui.css" media="screen" rel="stylesheet" type="text/css" >
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery-ui.js"></script>
	<script type="text/javascript" src="js/numberic.js"></script>
	<script type="text/javascript" src="js/function.js"></script>
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript" src="js/jquery-bieudo.js"></script>
</head>
<body class="body">
	<div class="block_header">
		<div class="logo">
			<a href=""><span>Langmaster</span> <b style="font-size: 40px;">CRM</b></a>
		</div>
		<div class="right">
			<div class="top">
				<div class="timKiem">
					<form action="" method="post">
						<input type="text" name="keywords" class="txtSearch" onclick="showOption()">
						<button type="submit" class="btnSearch"></button>
						<div class="optionSearch">
							<label for="option_search-0"><input checked="checked" value="0" id="option_search-0" name=option_search type="radio" class="checkOption">Khách hàng</label>
							<label for="option_search-1"><input value="1" id="option_search-1" name="option_search" type="radio" class="checkOption">Lớp học</label>
							<label for="option_search-2"><input value="2" id="option_search-2" name="option_search" type="radio" class="checkOption">Nhân viên</label>
						</div>
						<script type="text/javascript">
							function showOption(){
								$('.optionSearch').show();
								$('.txtSearch').focus();
								$('body').append('<div id="overlay" style="width:100%; height:100%; top: 0; left: 0; z-index: 499; position: fixed;" onclick="hideOption()"></div>');
							}
							$('.optionSearch').click(function() {
								$('.txtSearch').focus();
							});
							function hideOption(){
								$('.optionSearch').hide();
								$('#overlay').remove();
							}
						</script>
					</form>
				</div>
				<div class="thongTin">
					<div class="thongbao">
						<a href="javascript:void(0)" class="view" id="thongbao_content" title="Thông báo">&nbsp;</a>
						<div class="thongTin_content" id="thongbao_content">
						</div>
						<div class="number">5</div>
					</div>
					<div class="canhbao">
						<a href="javascript:void(0)" class="view" id="canhbao_content" title="Cảnh báo">&nbsp;</a>
						<div class="thongTin_content" id="canhbao_content">
						</div>
						<div class="number">1</div>
					</div>
					<div class="congviec">
						<a href="javascript:void(0)" class="view" id="congviec_content" title="Công việc">&nbsp;</a>
						<div class="thongTin_content" id="congviec_content">
						</div>
						<div class="number">226</div>
					</div>
					<div class="lich">
						<a href="javascript:void(0)" class="view" id="lich_content">&nbsp;</a>
						<div class="thongTin_content" id="lich_content">
						</div>
					</div>
				</div>
				<div class="clr"></div>
			</div>
			<div class="block_mainMenu">
				<ul class="menu">
					<li><a href="">Trang chủ</a></li>
					<li><a href="" class="active">Khách hàng</a></li>
					<li><a href="">Đào tạo</a></li>
					<li><a href="">Công việc</a></li>
					<li><a href="">Hỗ trợ</a></li>
					<li><a href="">Maketing</a></li>
					<li><a href="">Văn bản</a></li>
					<li><a href="">Báo cáo</a></li>
					<li><a href="">Email</a></li>
					<li><a href="">SMS</a></li>
				</ul>
			</div>
		</div>
		<div class="clr"></div>
	</div>
	
	<div class="content">
		<div id="columnSortable">
			<div id="dashlet1" class="dragbox width67">
				<script type="text/javascript">
					gvChartInit();
					$(document).ready(function(){
						$('#doanhthu').gvChart({
							chartType: 'LineChart',//AreaChart,LineChart,BarChart,ColumnChart,PieChart
							gvSettings: {
								vAxis: {title: 'x 1.000.000 (VND)'},
								hAxis: {title: ''},
								width: 0,
								height: 250
							}
						});
						
					});
				</script>
				<div class="block_khung goc5">
					<div class="block_title goc3">
						<span class="toggleBlock db-up" id="block_1">&nbsp;</span>
						Doanh số bán hàng
						<div class="viewAll">
							<select name="user" class="select">
								<option value="12" selected="selected">Mr.Nam</option>
								<option value="12">Phòng hành chính</option>
								<option value="12">Phòng đào tạo</option>
							</select>
							<select name="year" class="select">
								<option value="12">Năm</option>
								<option value="12">2012</option>
								<option value="12" selected="selected">2013</option>
							</select>
						</div>
					</div>
					<div class="block_content" id="block_1">
						<table id="doanhthu">
							<caption style="text-align: center;">Doanh số bán hàng của Mr.Nam năm 2013</caption>	
							<thead>
								<tr>
									<th></th>
									<th>T.1</th>
									<th>T.2</th>
									<th>T.3</th>
									<th>T.4</th>
									<th>T.5</th>
									<th>T.6</th>
									<th>T.7</th>
									<th>T.8</th>
									<th>T.9</th>
									<th>T.10</th>
									<th>T.11</th>
									<th>T.12</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<th>Số ký</th>
									<td>10</td>
									<td>20</td>
									<td>10</td>
									<td>45</td>
									<td>20</td>
									<td>30</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
								</tr>
								<tr>
									<th>Số thực</th>
									<td>8</td>
									<td>18</td>
									<td>10</td>
									<td>35</td>
									<td>18</td>
									<td>28</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div id="dashlet2" class="dragbox width33">
				<div class="block_khung goc5">
					<div class="block_title goc3">
						<span class="toggleBlock db-up" id="block_2">&nbsp;</span>
						Ghi chú
					</div>
					<div class="block_content dangtai" id="block_2"></div>
				</div>
			</div>
			<div id="dashlet3" class="dragbox width33">
				<div class="block_khung goc5">
					<div class="block_title goc3">
						<span class="toggleBlock db-up" id="block_3">&nbsp;</span>
						Top khách hàng tiềm năng
					</div>
					<div class="block_content" id="block_3"></div>
				</div>
			</div>
			<div id="dashlet4" class="dragbox width67">
				<div class="block_khung goc5">
					<div class="block_title goc3">
						<span class="toggleBlock db-up" id="block_4">&nbsp;</span>
						Hỗ trợ cần xử lý
					</div>
					<div class="block_content" id="block_4"></div>
				</div>
			</div>
			<div id="dashlet6" class="dragbox width50">
				<div class="block_khung goc5">
					<div class="block_title goc3">
						<span class="toggleBlock db-up" id="block_6">&nbsp;</span>
						Khách hàng mới đăng ký
						<div class="viewAll">
							<select name="dangky" class="select">
								<option value="12" selected="selected">Tất cả</option>
								<option value="12">Hôm nay</option>
								<option value="12">Hôm qua</option>
							</select>
						</div>
					</div>
					<div class="block_content" id="block_6"></div>
				</div>
			</div>
			<div id="dashlet7" class="dragbox width50">
				<script type="text/javascript">
					gvChartInit();
					$(document).ready(function(){
						$('#kh_moi').gvChart({
							chartType: 'LineChart',//AreaChart,LineChart,BarChart,ColumnChart,PieChart
							gvSettings: {
								vAxis: {title: 'Khách hàng'},
								hAxis: {title: ''},
								width: 0,
								height: 250
							}
						});
						
					});
				</script>
				<div class="block_khung goc5">
					<div class="block_title goc3">
						<span class="toggleBlock db-up" id="block_7">&nbsp;</span>
						Biểu đồ thống kê khách hàng mới
					</div>
					<div class="block_content" id="block_7">
						<table id="kh_moi">		
							<thead>
								<tr>
									<th></th>
									<th>T.1</th>
									<th>T.2</th>
									<th>T.3</th>
									<th>T.4</th>
									<th>T.5</th>
									<th>T.6</th>
									<th>T.7</th>
									<th>T.8</th>
									<th>T.9</th>
									<th>T.10</th>
									<th>T.11</th>
									<th>T.12</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<th>2013</th>
									<td>125</td>
									<td>185</td>
									<td>327</td>
									<td>359</td>
									<td>376</td>
									<td>398</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
								</tr>
								<tr>
									<th>2012</th>
									<td>167</td>
									<td>1110</td>
									<td>691</td>
									<td>165</td>
									<td>135</td>
									<td>157</td>
									<td>139</td>
									<td>136</td>
									<td>938</td>
									<td>1120</td>
									<td>55</td>
									<td>55</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div id="dashlet8" class="dragbox width50">
				<script type="text/javascript">
					gvChartInit();
					$(document).ready(function(){
						$('#kh_baoluu').gvChart({
							chartType: 'LineChart',//AreaChart,LineChart,BarChart,ColumnChart,PieChart
							gvSettings: {
								vAxis: {title: 'Khách hàng'},
								hAxis: {title: ''},
								width: 0,
								height: 250
							}
						});
						
					});
				</script>
				<div class="block_khung goc5">
					<div class="block_title goc3">
						<span class="toggleBlock db-up" id="block_8">&nbsp;</span>
						Biểu đồ thống kê khách hàng bảo lưu
					</div>
					<div class="block_content" id="block_8">
						<table id="kh_baoluu">		
							<thead>
								<tr>
									<th></th>
									<th>T.1</th>
									<th>T.2</th>
									<th>T.3</th>
									<th>T.4</th>
									<th>T.5</th>
									<th>T.6</th>
									<th>T.7</th>
									<th>T.8</th>
									<th>T.9</th>
									<th>T.10</th>
									<th>T.11</th>
									<th>T.12</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<th>2013</th>
									<td>50</td>
									<td>30</td>
									<td>327</td>
									<td>359</td>
									<td>376</td>
									<td>398</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
								</tr>
								<tr>
									<th>2012</th>
									<td>167</td>
									<td>200</td>
									<td>691</td>
									<td>165</td>
									<td>135</td>
									<td>157</td>
									<td>139</td>
									<td>136</td>
									<td>100</td>
									<td>50</td>
									<td>55</td>
									<td>689</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div id="dashlet9" class="dragbox width50">
				<script type="text/javascript">
					gvChartInit();
					$(document).ready(function(){
						$('#kh_bohoc').gvChart({
							chartType: 'LineChart',//AreaChart,LineChart,BarChart,ColumnChart,PieChart
							gvSettings: {
								vAxis: {title: 'Khách hàng'},
								hAxis: {title: ''},
								width: 0,
								height: 250
							}
						});
						
					});
				</script>
				<div class="block_khung goc5">
					<div class="block_title goc3">
						<span class="toggleBlock db-up" id="block_9">&nbsp;</span>
						Biểu đồ thống kê khách hàng bỏ học
					</div>
					<div class="block_content" id="block_9">
						<table id="kh_bohoc">		
							<thead>
								<tr>
									<th></th>
									<th>T.1</th>
									<th>T.2</th>
									<th>T.3</th>
									<th>T.4</th>
									<th>T.5</th>
									<th>T.6</th>
									<th>T.7</th>
									<th>T.8</th>
									<th>T.9</th>
									<th>T.10</th>
									<th>T.11</th>
									<th>T.12</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<th>2013</th>
									<td>50</td>
									<td>30</td>
									<td>20</td>
									<td>15</td>
									<td>45</td>
									<td>70</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
									<td>0</td>
								</tr>
								<tr>
									<th>2012</th>
									<td>100</td>
									<td>23</td>
									<td>46</td>
									<td>55</td>
									<td>66</td>
									<td>33</td>
									<td>79</td>
									<td>80</td>
									<td>100</td>
									<td>50</td>
									<td>55</td>
									<td>20</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="clr"></div>
		</div>
	</div>
	<div class="block_footer">
		<div>
			Copyright © 2013 nCMS. All Rights Reserved.
		</div>
	</div>
</body>
</html>